一、介紹想法
我想做的主題網站有點像是「任務追蹤網站」那樣，只是我選擇做跟醫療，與個人健康習慣追蹤相關的功能網站。前端預計會用到HTML + CSS + JavaScript，也希望這個網站能達到設計好的幾項功能，包括：健康任務或習慣的新增及完成勾選、自動寄信提醒執行健康行為、網頁中英文版本的切換按鈕、深淺色主題切換的功能。整體以簡單清爽為目標，幫助記錄健康進度。
這次是我第一次參賽，因為期許自己可以做出成果來，所以採用洋蔥式安排，希望這樣的規劃可以使成功率上升！

二、安裝環境加小講解

1. Node.js + npm： Node.js 可以不透過瀏覽器，直接在電腦上直接執行 JavaScript。
   npm (Node Package Manager) 是一個「套件管理工具」，可以幫忙安裝、更新和管理別人寫好的程式庫 (library)。
2. VS Code 編輯器：是用來編輯 .vue、.js、.css、.html 檔案的，不只這樣，還可以裝插件（Volar 提供 Vue 語法提示、ESLint 來幫忙檢查程式碼品質），也可以整合 Git、終端機，方便一站式開發。
3. Vite (專案工具) ：Vite 是一個「建構工具 (build tool)」，可以快速啟動專案，幫助打包、優化、啟動伺服器。
4. 專案依賴 (node_modules)： node_modules 資料夾存放了專案所需的全部套件，比如：Vue、Vite、ESLint等等，全部都會放在這裡。
   
   這個畫面就是 Vue + Vite 專案啟動成功的首頁！
   經過一系列的安裝和等待，我現在的狀態更新是已經將 「Vue 開發環境已經搭建完成，並且成功跑起一個 Vue + Vite 專案」。就像是剛剛把工具準備好，桌子整理乾淨，紙和筆都擺好，接下來就可以開始創作了。準備工作已經完成，下一步的重點則是開始寫 Vue 程式碼，讓整體畫面變成我想像的樣子。